<!-- Created by Administrator on 2016/12/2. -->
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
    <title>用户主页</title>
    <%@include file="common/tag.jsp"%>
    <%@include file="common/head.jsp"%>
</head>
<body>
<%@include file="common/navbar.jsp"%>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-2 column" id="home_a">
            <%--一级选项栏--%>
        <jsp:include page="content/home_a_menu.jsp"/>
        </div>
        <div class="col-md-4 column" id="home_b">
            <%--二级选项栏--%>
            欢迎${sessionScope.loginUser.realName}
        </div>
        <div class="col-md-6 column" id="home_c">
            <%--详情栏--%>
        </div>
    </div>
</div>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="/resourses/js/jquery.min.js"></script>
<%--<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>--%>
<%--jQuery 操作cookie插件--%>
<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<!-- 包括所有已编译的插件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/resourses/js/home.js"></script>
<script type="application/javascript">
    $(document).ready(function () {
        //添加事件监听
        //a栏菜单
        $(".list-group-item").click(function () {
            var menuId = this.id;
            $(".list-group-item").removeClass("active");
            $("#"+menuId).addClass("active");
            //通过被点击元素的id，调用不同的ajax请求，将返回的页面元素放入home_b
            home.a.init({
                "menuId":menuId
            });
        });
        //b栏
        //mission
        //bootstrap弹出框
        $("[data-toggle='popover']").popover();
    });
</script>
</body>
</html>